.bg-purple-dark {
  min-height: 200px;
  background-color: #fff;
  margin-bottom: 10px;
  .cardInformation {
    height: 40px;
    display: flex;
    align-items: center;
    padding-top: 30px;
    padding-left: 30px;
    position: relative;
    .blueIcon {
      width: 6px;
      height: 30px;
      background-color: #5496f2;
    }
    .dataName {
      font-size: 16px;
      margin-left: 10px;
      color: #2b333e;
      font-weight: 600;
    }
    .updateTime {
      font-size: 14px;
      color: #b6b6b6;
      margin-left: 30px;
    }
    .recentlyDay {
      font-size: 14px;
      color: #b6b6b6;
      margin-left: 10px;
      .allRanking {
        color: #5496f2;
      }
    }
    .tabName {
      position: absolute;
      right: 25px;
    }
    .tabChartName {
      position: absolute;
      right: 5%;
      z-index: 1;
    }
  }
  .cardUl {
    display: flex;
    margin: 20px 10px 0 20px;
    flex-wrap: wrap;
    width: 97%;
    .cardList {
      height: 114px;
      // width: 24%;
      background-color: #f7f8fa;
      margin-left: 10px;
      margin-bottom: 10px;
      .cardTxt {
        color: #6b6b6b;
        font-size:0.9vw;
        margin: 20px 0 0 24px;
        display: inline-block;
      }
      .cardNum {
        margin: 10px 0 0 24px;
        font-size: 2vw;
        color: #2b333e;
      }
    }
  }
  .dataBox {
    padding: 25px;
    position: relative;
    .serialNum{
      position: absolute;
      left: 36px;
      top: 58px;
      z-index: 9999;
    }
  }
}

.dialogTabName {
  display: block;
  text-align: center;
  margin-bottom: 20px;
}
